import Vue from 'vue'
import Router from 'vue-router'

import home from '@/components/home'

// import videoDetail from '@/components/videoDetail'
// import about from '@/components/about'
// import join from '@/components/join'
// import business from '@/components/business'

// import mobileHome from '@/components/mobileHome'
// import mobileVideoDetail from '@/components/mobileVideoDetail'


const videoDetail = () => import('@/components/videoDetail')
const about = () => import('@/components/about')
const join = () => import('@/components/join')
const business = () => import('@/components/business')
const mobileHome = () => import('@/components/mobileHome')
const mobileVideoDetail = () => import('@/components/mobileVideoDetail')


Vue.use(Router)

export default new Router({
  routes: [
    {
      path: '/',
      name: 'home',
      component: home
    },
    {
      path: '/about',
      name: 'about',
      component: about
    },
    {
      path: '/join',
      name: 'join',
      component: join
    },
    {
      path: '/business',
      name: 'business',
      component: business
    },
    {
      path: '/mobileHome',
      name: 'mobileHome',
      component: mobileHome
    },
    {
      path: '/videoDetail',
      name: 'videoDetail',
      component: videoDetail
    },
    {
      path: '/mobileVideoDetail',
      name: 'mobileVideoDetail',
      component: mobileVideoDetail
    },
  ]
})
